function Menu(){
	this.table=this.InitTable();
    this.tab=this.InitTab();
	this.form=this.InitEleUI();
}
Menu.prototype.InitEleUI=function(){
	var form;
	layui.use('form', function(){
       form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
	   form.render();
	});  
	return form;
}
Menu.prototype.InitTab=function(){
	var element;
	layui.use('element', function(){
	   element = layui.element;
	});
	return element;
}

Menu.prototype.OpTab=function(tabindex,obj){
	this.tab.tabChange('tabcontent', tabindex);
	if(obj){
		 document.formedit.rolename.value=obj.rolename;
		 document.formedit.remark.value=obj.remark;
		 document.formedit.roleid.value=obj.roleid;
		 $("input[name='roletype']").removeAttr("checked");
		 $("input[name='roletype']").eq(obj.roletype).attr("checked","");
		 this.form.render();
	}
}

Menu.prototype.InitTable = function() {
	var table;
	var _this=this;
	layui.use('table', function() {
	    table = layui.table;
		table.render({
			elem : '#list'
			,height : $(window).height() - 110
			,url : 'get_list' // 数据接口
			,page : true // 开启分页
			,limit : 30
			,id: 'menulist'
			,method:"post"
			,cols : [ [ // 表头
			           {type:'numbers'}
			           ,{field : 'menuname',title : '菜单名称',width : 150,align : 'left'}
			           , {field : 'menutype',title : '类型',width : 80,align : 'center'}
			           , {field : 'url',title : '菜单地址',width : 200,align : 'center'}
			           //, {field : 'icon',title : '菜单图片',width : 120,align : 'center'}
			          // , {field : 'createtime',title : '创建时间',width : 130,align : 'center'}
			           , {field : 'remark',title : '描述',width : 150,align : 'center'}
			           , {title : '操作',width : 80,align : 'center',toolbar : '#operate'}
		            ] ]
		    ,request:{
				type:'post'
			}
		    ,page: false
		    ,even: true //开启隔行背景
			,where:{rolename: $("#rolename").val()}
		    ,done: function(res, page, count){
		    	$("[data-field='menutype']").children().each(function(){  
                    if($(this).text()=='0'){  
                       $(this).text("菜单")  
                    }
                    else if($(this).text()=='1'){  
                        $(this).text("按钮")  
                     }
               }) 
               
               
               $("[data-field='menuname']").children().each(function(index){ 
            	   var dataarr=res.data;
            	   if(index==0){
		    			$(this).css({"text-align":"center"});
		    		}
		    		var thisdata=dataarr[index-1];
		    		if(thisdata){
		    			var text=$(this).text();
		                $(this).css({"text-indent":thisdata.level+"em"});
		    		}
              })  
		    	
		    }
		    
		});

		
		 //监听工具条
	    table.on('tool(list)', function(obj){
	      var data = obj.data;
	      if(obj.event === 'detail'){
	        layer.msg('ID：'+ data.id + ' 的查看操作');
	      } else if(obj.event === 'del'){
	    	  
	        top.mylayui.confirm('确定要删除吗？',{icon: 0}, function(index,dd){
	        	 top.mylayui.close(index);
	        	 vMenu.deleteentity(data.menuid);
	        });
	      } else if(obj.event === 'edit'){
	        //layer.alert('编辑行：<br>'+ JSON.stringify(data))
	    	  _this.OpTab(2,data);
	      }
	    });

	    
	});
	
	return table;
}

Menu.prototype.searchtable=function(){
	this.table.reload('menulist', { 
		  page: {
	        curr: 1 //重新从第 1 页开始
	      },page: false
	    ,where: {  
	  	  rolename: $("#rolename").val()  
	    }  
	}); 
}


Menu.prototype.deleteentity=function(menuid){
	$.ajax({
		type:"POST",
		url:"delete_menu",
		data:{menuid:menuid},
		beforeSend:function(XHR){
			
		},
		success:function(data){
			data=eval('('+data+')');
			if(data.result>0){
				top.mylayui.msg(data.msg, {icon: 1});
				//vMenu.searchtable();
				document.location.reload();
			}
			else{
				top.mylayui.msg(data.msg, {icon: 0});
			}
		},
		complete:function(XHR){
			
		},
		error:function(){
			
		}
	});
}


var vMenu;
$(function () {
	vMenu = new Menu();
})


function CloseDialog(result,msg){
	if(result>0){
		top.mylayui.msg('操作成功', {icon: 1});
		document.formedit.reset();
		document.location.reload();
	}
	else{
		if(msg){
			top.mylayui.msg(msg, {icon: 0});
		}else{
			top.mylayui.msg('操作失败', {icon: 0});
		}
	}
}